<template>
    <div>
        <h2>Demo - Demo - Demo </h2>
        <h2 @click="changeCount(100)">count --- {{count}}</h2>
    </div>
</template>

<script>
export default {
    // 选项对象 其实被混入  
    // 公共的选项对象 哪些组件需要 就混入这个选项对象 
    data(){
        return {}
    },
    mounted(){

    },
    created(){

    },
    components:{},
    watch:{},
    computed:{},
    mixins:[   // 局部混入 模块化高度复用 封装
        {
            mounted(){
                console.log('这是 Demo 的局部混入的代码  ')
            }
        }
    ]
}
</script>